<template>
  <wd-layout-model>
    <div class="wd-table">
      <avue-crud :data="data" :option="option" :page="page" @on-load="onLoad" />
    </div>
  </wd-layout-model>
</template>
<script>
export default {
  data() {
    return {
      page: {
        pageSize: 20
      },
      data: [],
      option: {
        align: 'center',
        menuAlign: 'center',
        column: [
          {
            label: 'Id_P',
            prop: 'Id_P'
          },
          {
            label: 'LastName',
            prop: 'LastName'
          },
          {
            label: 'FirstName',
            prop: 'FirstName'
          },
          {
            label: 'Address',
            prop: 'Address'
          },
          {
            label: 'City',
            prop: 'City'
          }
        ]
      }
    }
  },
  methods: {
    onLoad(page) {}
  }
}
</script>
